 <template>
	 <text>sb</text>
	<!-- <view class="top-text">
		请与22.30前上报数据
	</view>
	<view>
	    2024-2025学年第一学期<br>
		2024年12月08日
	</view>
	 <view class="card">
	    <view class="image-with-text">
	      <image class="img" src="../../static/bg.png" mode="aspectFit"></image>
	      <text>学生总人数12人</text>
	    </view>
	    <view class="card-content">
	      <text>卡片标题</text>
	      <text>卡片描述</text>
	    </view> 
	  </view> 
	  <view class="Report-card1">
		  <view class="Report-card1-img">
			  <text class = Report-card1-img-text>学生总人数</text>
		  </view>
		  <view class="Report-card2">
			  <text>
				请假人数：4人<br>
				应在人数：9人
			  </text>
		  </view>
	  </view>
	  <view class="Report-card2">
		  <view class="container-report">
			  <text> 实在人数</text>
			  <view class="button-group">
				  <button @click="decrease">-</button>
				  <text>{{count}}</text>
				  <button @click="increase">+</button>
				  <br>
				  
				  <text> 今日异常状况3人</text>
				 <button @click="tomore_functions">填写因</button>
			  </view>
		  </view>
	  </view> -->
</template>

<script setup>
	// import {ref} from 'vue';
	
	// function tomore_functions(){
	// 	uni.navigateTo({
	// 		url:'/pages/leave/more_functions'
	// 	})
	// }
	
	
	
	// let count = ref(0);
	// function increase(){
	// 	count.value++;
	// }
	// function decrease(){
	// 	count.value--
	// }
	
</script>

<style >
	/* .container-report{
		padding: 20px;
	}
	.button-group{
		
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 20rpx;
	}
	
	 .img{
		height: 50px;
		left: -40px;
	}
	 
	.top-text{
		background-color:papayawhip;
		height: 20px;
	}
	.Report-card2{
	 padding: 20rpx;
	  background-color: #f8f9fa;
	  border: 1px solid #e9ecef;
	  border-radius: 8rpx;
	  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}
	  
	  .Report-card1{
		  width: 351px;
		  height: 154px;
		  border: 1px solid;
		  border-radius: 12px;
		  margin-left: 12px;
		  margin-bottom: 12px;
	  }
	  .Report-card1-img{
		  	width: 351px;
		  	height: 72px;
		    background-image: url(../static/bg.png);
		  	border-radius: 12px 12px 0 0;
		  	border-radius: 12px 12px 0 0;
		  	display: table;
		  	margin-bottom: 14px;
	  }
	  .Report-card1-img-text{
		  font-size: 12px;
		  padding-left: 11px;
		  display: table-cell;
		  vertical-align: middle;
		  
	  } */
</style> 